export declare const selectInputStyle: {
    container: string;
    helper: string;
    dropdown: string;
    dropdownContainer: string;
    dropdownGroup: string;
    dropdownGroupSelectable: import("@vanilla-extract/recipes").RuntimeFn<{
        size: {
            small: {
                paddingLeft: `var(--${string})`;
            };
            large: {};
            medium: {};
        };
    }>;
    dropdownGroupWrapper: string;
    dropdownSection: string;
    emptyStateGroupStyle: string;
    dropdownItem: import("@vanilla-extract/recipes").RuntimeFn<{
        selected: {
            true: {
                backgroundColor: `var(--${string})`;
            };
        };
        size: {
            large: {};
            medium: {};
            small: {
                padding: `var(--${string})`;
            };
        };
        disabled: {
            true: {
                backgroundColor: `var(--${string})`;
                color: `var(--${string})`;
                selectors: {
                    '&:hover, &:focus': {
                        backgroundColor: `var(--${string})`;
                        color: `var(--${string})`;
                        cursor: "not-allowed";
                        outline: "none";
                    };
                };
            };
        };
    }>;
    dropdownItemBase: string;
    footer: string;
    dropdownCheckbox: string;
    dropdownCheckboxGroup: string;
    dropdownEmptyState: string;
    dropdownLoadMore: string;
    dropdownInfo: string;
    dropdownInfoContainer: string;
    dropdownInfoTextItem: string;
    comboboxCreate: string;
    selectbarState: Record<"large" | "small", string>;
    placeholder: string;
    selectBarBase: string;
    selectBar: import("@vanilla-extract/recipes").RuntimeFn<{
        disabled: {
            true: {
                background: `var(--${string})`;
                borderColor: `var(--${string})`;
                cursor: "not-allowed";
                selectors: {
                    '&:hover': {
                        borderColor: `var(--${string})`;
                    };
                };
            };
        };
        dropdownVisible: {
            true: {
                borderColor: `var(--${string})`;
            };
        };
        readOnly: {
            true: {
                background: `var(--${string})`;
                borderColor: `var(--${string})`;
                cursor: "default";
                selectors: {
                    '&:hover': {
                        borderColor: `var(--${string})`;
                    };
                };
            };
        };
        size: {
            large: {
                height: `var(--${string})`;
                paddingInline: `var(--${string})`;
            };
            medium: {
                height: `var(--${string})`;
                paddingInline: `var(--${string})`;
            };
            small: {
                height: `var(--${string})`;
                padding: number;
                paddingInline: `var(--${string})`;
            };
        };
        state: {
            danger: {
                selectors: {
                    '&:not([data-disabled="true"])': {
                        border: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):active': {
                        borderColor: `var(--${string})`;
                        boxShadow: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
                        outline: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
                        borderColor: `var(--${string})`;
                        outline: string;
                    };
                };
            };
            neutral: {
                selectors: {
                    '&:not([data-disabled="true"])': {
                        border: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):active': {
                        borderColor: `var(--${string})`;
                        boxShadow: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
                        outline: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
                        borderColor: `var(--${string})`;
                        outline: string;
                    };
                };
            };
            success: {
                selectors: {
                    '&:not([data-disabled="true"])': {
                        border: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):active': {
                        borderColor: `var(--${string})`;
                        boxShadow: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
                        outline: string;
                    };
                    '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
                        borderColor: `var(--${string})`;
                        outline: string;
                    };
                };
            };
        };
    }>;
    selectBarTags: Record<"hidden" | "visible", string>;
    selectedValues: string;
    plusTag: string;
    multiselectStack: string;
    searchBar: string;
    optionalInfoPadding: string;
};
//# sourceMappingURL=styles.css.d.ts.map